<template>
    <div id="mes_content">
      <header1></header1>
      <div class="container layout">
        <div class="row">
          <div class="col-md-12 no-padding user-profile" style="background-color:#fff;color:#000">
            <div class="content">

              <div class="tab-content">
                  {{data.content}}
              </div>
              <router-link :to="{path:'/spacecp'}">返回</router-link>
              
            </div>
          </div>
        </div>
        <div class="modals"></div>
      </div>
      <div></div>
      <div class="risk-validation"></div>
      <footer1></footer1>
    </div>
  </template>
  <script>
  import header1 from "./header";
  import footer1 from "./footer";
  // import {} from "../api/api.js";
  export default {
    name: "mes_content",
    data() {
      return {
        data:''
      };
    },
    components: {
      header1: header1,
      footer1: footer1
    },
    mounted(){
      this.getmescontent()
    },
    methods: {
      getmescontent:function(){
        var id = this.$route.query.id;
        this.axios({
          url:"/api/mescontent/?id="+id
        }).then((res)=>{
          if(res.data.code==200){
            this.data = res.data.data
          }
        })
        }
    }
  };
  </script>
      
      
  <style>
  .user-profile .profile-container {
    padding-bottom: 20px;
  }
  .user-profile .profile-tabs span {
    display: block;
    margin: 30px auto;
    padding: 10px 25px;
    width: 118px;
    height: 40px;
    line-height: 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 16px;
      color: #000;
  }
  .user-profile .profile-tabs span.active,
  .user-profile .profile-tabs span:hover {
    background: #efefef;
  }
  .common-content {
    margin-bottom: 10px;
    padding: 30px 30px 20px;
    border: 1px solid #eee;
    background: #fff;
  }
  
  .user-profile .profile-container .common-content {
    height: 100%;
    min-height: 700px;
    overflow:hidden;
    width:100%
  }
  .user-avatar .img-container[data-v-a7105100] {
      display: inline-block;
      position: relative;
      width: 125px;
      height: 125px;
      vertical-align: middle;
      overflow: hidden;
      cursor: pointer;
  }
  .user-avatar .img-container .upload-image {
    display: none;
  }
  
  .user-nickname {
    position: relative;
    display: inline-block;
  }
  .user-email,.user-password{
    margin-bottom:20px
  }
  .user-email span[data-v-21d814b2]:first-child{
    width: 92px;
    display: inline-block;
  }
  .user-password .display-password span[data-v-19850dd5]:first-child{
    width: 92px;
    display: inline-block;
  }
  .user-email  span:nth-child(2){
        width: 200px;
        display: inline-block;
  }
  .user-password .display-password span:nth-child(2){
        width: 200px;
        display: inline-block;
  }
  .user-email span:nth-child(3){
    color: #4990e2;
      cursor: pointer;
  }
  .user-password span:nth-child(3){
    color: #4990e2;
      cursor: pointer;
  }
  </style>